<!--
 * @Description:
 * @Author: 崔堂袁
 * @Date: 2021-04-16 16:12:00
 * @LastEditTime: 2021-04-21 21:04:32
-->
<template>
  <div class="home">
    <div class="homeContent">
      <HomeContentHeader></HomeContentHeader>
      <HomeContentList></HomeContentList>
    </div>
  </div>
</template>

<script>
import HomeContentHeader from './HomeComponents/HomeContentHeader'
import HomeContentList from './HomeComponents/HomeContentList'
export default {
  name: 'Home',
  components: {
    HomeContentHeader,
    HomeContentList
  },
  methods: {}
}
</script>
<style lang="less" scoped>
.home {
  width: 100vw;
  height: 100vh;
  background-color: @activeColor;
  display: flex;
  align-items: center;
  justify-content: center;
  .homeContent {
    width: 90vw;
    height: 90vh;
    background-color: white;
    display: flex;
    flex-direction: column;
    border-radius: 8px;
  }
}
</style>
